<!DOCTYPE html>
<html lang="en">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% request.setAttribute("path", request.getContextPath());%>
<head>
<title>Monitor Admin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/gif" href="${path}/img/logo.png">
<link rel="stylesheet" type="text/css" href="${path}/css/monitor-head.min.css?" />
<link rel="stylesheet" type="text/css" href="${path}/css/monitor-login.min.css?" />
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
</head>
<body>
	<div id="loginbox">
		<form class="form-vertical" method="post" action="doLogin" name="basic_validate" id="loginform" novalidate="novalidate">
			<div class="control-group normal_text">
				<h3>
					<img src="${path}/img/logo.png" alt="Logo" />Monitor Admin
				</h3>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="main_input_box">
						<span class="add-on"> <i class="icon-user"></i></span>
						<input type="text" name="username" placeholder="Username" />
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="main_input_box">
						<span class="add-on"><i class="icon-lock"></i></span>
						<input type="password" name="password" placeholder="Password" />
					</div>
				</div>
			</div>
			
	      <c:if test="${not empty return_msg}">
		   <c:if test="${result == 'fail'}">
		     <div class="alert alert-error alert-block"> <a class="close" data-dismiss="alert" href="#">×</a>
                <h4 class="alert-heading"><c:out value="${result}"></c:out>.</h4> <c:out value="${return_msg}"></c:out>.
              </div>
              
		   </c:if>
          </c:if>
          
			<div class="form-actions">
			    <!-- 
				<span class="pull-left">
				    <a href="#" class="flip-link btn btn-inverse" id="to-recover">Lost password?</a>
				</span> 
				-->
				<span class="pull-center">
				    <button class="btn btn-success btn-large">Login</button>
				</span>
			</div>
			 
		</form>
		<form id="recoverform" action="#" class="form-vertical">
			<p class="normal_text">Enter your e-mail address below and we
				will send you instructions how to recover a password.</p>
			<div class="controls">
				<div class="main_input_box">
					<span class="add-on">
					    <i class="icon-envelope"></i></span><input type="text" placeholder="E-mail address" />
				</div>
			</div>

			<div class="form-actions">
				<span class="pull-left">
				    <a href="#" class="flip-link btn btn-inverse" id="to-login">&laquo; Back to login</a>
				</span>
				<span class="pull-right">
				    <input type="submit" class="btn btn-info" value="Recover" />
				</span>
			</div>
		</form>
	</div>
<script src="${path}/js/monitor-login.min.js"></script>
</body>
</html>
